<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
		<!--ios是否运行创建快捷启动方式-->
		<meta content="yes" name="apple-mobile-web-app-capable">
		<!--ios顶部通知栏的样式 黑色-->
		<meta content="black" name="apple-mobile-web-app-status-bar-style">
		<!--遇到数字不让转成电话号码格式-->
		<meta content="telephone=no" name="format-detection">
		<title>新用户注册</title>
		<link rel="stylesheet" href="assets/mui/css/mui.min.css">
		<link rel="stylesheet" type="text/css" href="common/css/base.css" />
		<link rel="stylesheet" type="text/css" href="common/css/animate.css" />
		<link rel="stylesheet" href="assets/font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/u-templeto-two.css" />
		<style type="text/css">
			.slide{
				display: flex;
				justify-content: space-around;
				flex-flow: wrap;	
			}
			.container{
				animation: toleft 1.6s forwards;
			}
			@-webkit-keyframes toleft{
				0%{
					opacity: 0;
					transform: translateX(-100%);
				}
				60%{
					opacity: 1;
					transform: translateX(100%);
				}
				100%{
					opacity: 1;
					transform: translateX(0);
				}
			}
			.img{
				width: 1.6rem;
				height: 1.6rem;
				background-color: #71DD8A;
				text-align: center;
				color: white;
				display: flex;
  				flex-direction: column;
  				justify-content: space-around;
  				border-radius: 4px;
  				margin-bottom: 0.4rem;
  				font-size: 0.32rem;
  				padding: 0.2rem 0;
  				box-sizing: border-box;
			}
			.img p{
				color: white;
			}
			.img p span{
				font-size: 0.6rem;
				color: white;
			}
			#img1 {
				background-color: #71DD8A;
			}
			
			#img2 {
				background-color: #007AFF;
			}
			
			#img3 {
				background-color: #6641E2;
			}
			
			#img4 {
				background-color: #BE252E;
			}
			
			#img5 {
				background-color: #D2D2D2;
			}
		</style>
	</head>

	<body>

		<div class="main-bg">
			<div class="mui-content mui-scroll-wrapper">
				<div class="mui-scroll" style="margin-top: 1rem;">
					<div class="useHeader" id="useHeader">
						<!--<div><img src="img/head.png"/></div>
				<p>微微微</p>
				<p>苏州绿叶集团</p>
				<p>高级总监</p>-->
					</div>

					<!--轮播信息-->
					<div class="container">
						<div id="slide" class="slide" class="index-slide" alt="star">
							<!-- 轮播图片数量可自行增减 -->
							<!--<div class="img" id="img1">
								<p><span class="fa fa-address-book"></span></p>
								<p>我的微店</p>
							</div>
							<div class="img" id="img2">
								<p><span class="fa fa-address-book"></span></p>
								<p>微单页</p>
							</div>
							<div class="img" id="img3">
								<p><span class="fa fa-address-book"></span></p>
								<p>微连接</p>
							</div>
							<div class="img" id="img4">
								<p><span class="fa fa-address-book"></span></p>
								<p>手机官网</p>
							</div>
							<div class="img" id="img5">
								<p><span class="fa fa-address-book"></span></p>
								<p>我的名片</p>
							</div>-->

						</div>

					</div>
				</div>
			</div>

		</div>

		<script src="js/jquery-3.1.0.min.js"></script>
		<script src="assets/artTemplate/template-native.js"></script>
		<script src="js/remstyle.js"></script>
		<script src="common/js/common.js"></script>
		<script src="assets/mui/js/mui.min.js"></script>

	
	</body>

</html>